@charset "UTF-8";
@import "./common.scss";
@import "./header.scss";
body{ background:#f9f7f7;}

/*用户中心-我的订单*/
@mixin orderTitle{
     background: #dedcdc; font-size: 20px; line-height: 48px; height: 48px; padding-left: 15px; margin: 20px 0;
}
.order-section{@include widthAuto; padding-top: 30px;
    .lc-crumb{margin-left: -32px;
        a{ width: 406px; height: 86px; float: right; line-height: 86px; text-align: center; color: $white; font-size: 18px; margin-left: -40px; background: url(../img/jiantou_nm_icon.png) no-repeat -3px 0;}
        a.cur{ background: url(../img/jiantou_cur_icon.png) no-repeat -3px 0;}
    }
    .confirm-section{border:1px #cec8c2 solid; padding: 30px 50px; margin-top: 10px; font-size: 16px;
        .con-left{ width: 700px; float: left;
            .lkxx-title{ padding: 10px 0;
                .items{
                    li{ float: left; margin-right: 20px;
                        b{ width: 16px; height: 16px; border: 1px #c7c0ae solid; border-radius: 8px; line-height: 16px; font-size: 12px; margin-right: 5px; text-align: center; float: left; margin-top: 3px;}
                    }
                    li.setLx{ color: #b31a28;
                        span{width: 12px; height: 12px; border: 1px #b31a28 solid; float: left; border-radius: 8px; padding: 2px; margin-top: 3px; margin-right: 5px;
                            i{ width: 100%; height: 12px; background: $white; border-radius: 50%; float: left;}
                        }
                    }
                    li.set{ color: #b31a28;
                        span{
                            i{  background: #b31a28; }
                        }
                    }
                }
            }
            .com-items{
                li{ padding-left: 180px; margin-top: 10px;
                    span{width: 180px; float: left; margin-left: -180px; text-align: right; line-height: 30px;}
                    .t-srk{ height: 28px; line-height: 28px; padding-left: 10px; width:275px; border: 1px #c7c0ae solid; }
                    .errorTip{ border: 1px red solid; color: red;}
                }
            }
            .order-title{@include orderTitle;}
            .ddxx-con{
                p{ line-height: 24px; margin-bottom: 20px;}
                .ddxx-table{ width: 60%;
                    th{ text-align: left;}
                    td{ line-height: 28px;}
                }
            }
            .ydxx-con{
                .yd-srk{ height: 28px; line-height: 28px; padding-left: 10px; width:450px; border: 1px #c7c0ae solid; margin: 10px 0;}
                .errorTip{ border: 1px red solid; color: red;}
            }
            .add-btn{ text-align: center; padding-top: 20px;
                a{@include comBtn(290px,63px);}
            }
            .next-btn{ text-align: center; padding-top: 20px;
                a{@include comBtn(290px,63px);}
            }
            .data-select{ width: 90px; margin-right: 6px; line-height: 28px; height: 28px;}
            .zjlx{ border: 1px #c7c0ae solid;height: 28px; line-height: 28px; padding-left: 10px; background: $white; width:275px;
                .c-srk{ border: none; width: 180px;}
            }
            // 接送信息
            .jkxz-con{ padding-left: 20px;
                li{ margin-top: 10px; overflow: hidden;}
                label{ min-width: 130px; float: left; line-height: 30px;
                    span{ margin-left: 5px;}
                }
                .t-srk{ height: 28px; line-height: 28px; padding-left: 10px; width:275px; border: 1px #c7c0ae solid; }
                .errorTip{ border: 1px red solid; color: red;}
            }

            
        }
        .con-right{ width: 284px; float: right;
            .ddjs-section{ border: 1px #d88f96 solid; padding: 20px;
                h2{ height: 32px; background: url(../img/ddxx_icon.png) no-repeat; padding-left: 35px; line-height: 32px; font-size: 18px;}
                .js-table{ width: 100%; margin-top: 10px;
                    td{ line-height: 26px; padding: 0 10px;}
                }
                .all-price{ border-top: 1px #cac3b2 dashed; margin-top: 30px; text-align: center;
                    .p-a{ font-size: 24px; color: #b31a28; margin-top: 10px;
                        span{ font-size: 14px;}
                    }
                    .p-btn{ text-align: center; padding-top: 10px;
                        a{@include comBtn(230px,52px);}
                    }
                }
            }
            .gwbz-section{ margin-top: 20px;border: 1px #d88f96 solid; padding: 20px;
                p{ font-size: 16px; padding-left: 40px; line-height: 30px;
                    .icon{ width: 23px; height: 23px; background: url(../img/gwxx_icon.png) no-repeat; margin-top: 3px; float: left; margin-left: -40px;}
                }
                .fw-tip{ font-size: 20px; color:#b31a28; text-align: center; line-height: 36px;border-top: 1px #cac3b2 dashed; margin-top: 30px; padding-top: 20px; }
            }
        }
    }
}

@import "./footer.scss";